<route lang="json5" type="page">
{
  style: {
    navigationBarTitleText: '登录',
  },
}
</route>

<template>
  <view class="bg-#F1F8FA w-750rpx">
    <view
      class="h-60vh w-750rpx flex flex-col items-center color-#919293 font-size-28rpx justify-evenly"
    >
      <img src="/static/images/logo.png" class="w-164rpx h-164rpx" />
      <view class="text-center leading-72rpx">
        <view>一杯好茶，一口软欧包</view>
        <view>在奈雪遇见两种美好</view>
      </view>
    </view>
    <view class="h-40vh flex flex-col justify-between px-0 py-40rpx">
      <view
        class="w-670rpx h-90rpx text-28rpx bg-#ADB838 color-white text-center mx-auto rounded-45rpx leading-90rpx"
        @click="okc()"
      >
        登录
      </view>
      <view class="h-30vh flex text-center items-center justify-evenly flex-col">
        <view class="text-#919293 text-28rpx">新用户登录即加入会员，享会员权益</view>
        <view class="overflow-hidden text-24rpx text-#919293 text-center">
          <view class="float-left w-134rpx h-108rpx">
            <view>
              <img src="/static/images/mine/rhyl.png" class="w-60rpx h-60rpx" />
            </view>
            <view>入会有礼</view>
          </view>
          <view class="float-left w-134rpx h-108rpx">
            <view>
              <img src="/static/images/mine/jfdh.png" class="w-60rpx h-60rpx" />
            </view>
            <view>积分兑换</view>
          </view>
          <view class="float-left w-134rpx h-108rpx">
            <view>
              <img src="/static/images/mine/sjtq.png" class="w-60rpx h-60rpx" />
            </view>
            <view>特权升级</view>
          </view>
          <view class="float-left w-134rpx h-108rpx">
            <view>
              <img src="/static/images/mine/srtq.png" class="w-60rpx h-60rpx" />
            </view>
            <view>生日特权</view>
          </view>
          <view class="float-left w-134rpx h-108rpx">
            <view>
              <img src="/static/images/mine/nxbz.png" class="w-60rpx h-60rpx" />
            </view>
            <view>奈雪宝藏</view>
          </view>
        </view>
        <view class="text-#ADB838 text-28rpx">会员权益说明</view>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
const okc = () => {
  uni.setStorageSync('token', 'tinypuppet')
  uni.switchTab({
    url: '/pages/index/index',
  })
}
onShow(() => {
  const value = uni.getStorageSync('token')
  if (value) {
    uni.navigateBack({
      delta: 1,
    })
  }
})
</script>

<style lang="scss" scoped>
//
</style>
